{
    "detail": {
        "width": 1463.97,
        "height": 841.2,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "视频监控",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "质量检查详情",
            "index": "96539d61-396c-4c92-8a0d-ac67a94180e6",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "记录详情",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "(data)=>{\n    return {Sign:'bearer1:8a393180d9013b7eb2351f6fef279e49'}\n}",
                    "dataQuery": "(data)=>{\n    return {check_record_id:'66543084cf7fa6178a3f2d43',timeStamp:'1718621454505',randomNum:'81127'}\n}",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "视频回放"
                    },
                    "component": {
                        "width": 237.7,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 34,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 87.92,
                    "top": 54.51,
                    "index": "1ece6eaa-1e42-4dd4-87ca-8ab983aebb8f",
                    "zIndex": 26,
                    "display": true,
                    "lock": false,
                    "proxy": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_record/detail_list"
                },
                {
                    "name": "应急物资详情内容",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "(data) => {\n     return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {check_record_id:'652cb252fa7cac5f3568c122',timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 410.37,
                        "height": 40.25,
                        "name": "vue",
                        "prop": "vue",
                        "rotateZ": 0,
                        "rotateY": 0,
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"sphf\">\n    <el-date-picker\n      class=\"selectNum\"\n      :picker-options=\"pickerOptions\"\n      v-model=\"time\"\n      format=\"yyyy-MM-dd\"\n      value-format=\"yyyy-MM-dd\"\n      type=\"daterange\"\n      range-separator=\"至\"\n      start-placeholder=\"开始日期\"\n      end-placeholder=\"结束日期\"\n      @change=\"handleChange\"\n    >\n    </el-date-picker>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      time: [],\n      cameraIndexCode:'629a1b444a984919a27872931e70047c',\n      pickerOptions: {\n        disabledDate(time) {\n          return time.getTime() > Date.now();\n        },\n      },\n    };\n  },\n\n  mounted() {\n    this.time = [this.getTime(0), this.getTime(1)];\n  },\n  methods: {\n    handleChange(e) {\n      this.time = e || [];\n      console.log(new Date(this.time[0]).toISOString());\n      this.refreshFn();\n    },\n    refreshFn() {\n      if (this.time.length) {\n        const dataS = new Date(this.time[1]).toISOString();\n        const dataE = new Date(this.time[0]).toISOString();\n        this.$emit(\"click\", {\n          'beginTime':dataE,\n          'endTime':dataS,\n          'cameraIndexCode':this.cameraIndexCode\n        });\n      }\n    },\n    getTime(e) {\n      // e==0 当前时间 e==1 三天前时间\n      let nowDate = new Date();\n      let date;\n      if (e) {\n        date = nowDate;\n      } else {\n        date = new Date(nowDate.getTime() - 24 * 60 * 60 * 1000 * 3);\n      }\n      const year = date.getFullYear();\n      const month = date.getMonth() + 1;\n      const day = date.getDate();\n      const formattedMonth = month < 10 ? \"0\" + month : month;\n      const formattedDay = day < 10 ? \"0\" + day : day;\n      return `${year}-${formattedMonth}-${formattedDay}`;\n    },\n  },\n};\n</script>\n<style>\n.selectNum {\n  border: 1px solid #00ffff;\n}\n.selectNum > .el-range-input {\n  background: transparent;\n  color: #fff;\n}\n.selectNum > .el-range-separator {\n  color: #fff;\n}\n.el-date-range-picker__editor > .el-input__inner {\n  border-color: #e4e7ed !important;\n  color: #333333;\n}\n.is-disabled > .el-input__inner {\n  color: #c0c4cc !important;\n}\n</style>\n"
                    },
                    "left": 108.94,
                    "top": 127.07,
                    "index": "153340d5-7603-4819-9aff-2a49e32cdb60",
                    "child": {
                        "index": [
                            "b2e2f23f-77e8-46fb-8df8-656b71f09551"
                        ],
                        "paramList": [
                            {
                                "name": "endTime",
                                "value": "endTime"
                            }
                        ],
                        "paramName": "beginTime",
                        "paramValue": "beginTime"
                    },
                    "zIndex": 25,
                    "lock": false,
                    "display": true,
                    "proxy": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/plat/web/v1/common_check/check_record/detail_list"
                },
                {
                    "title": "hi播放器",
                    "name": "hi播放器",
                    "icon": "icon-video",
                    "img": "img/assets/video.png",
                    "top": 186.56,
                    "left": 107.49,
                    "dataType": 1,
                    "data": {
                        "value": "wss://video.hibuilding.cn:6014/proxy/10.0.0.4:559/openUrl/p2oufMk"
                    },
                    "option": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.data.url}\n}",
                    "dataHeader": "(data)=>{\n    return {\n    \"api-path\": \"/api/video/v2/cameras/playbackURLs\",\n    \"userId\": \"admin\",\n    \"key\": \"ew2124ewe1333ddd\",\n    \"recent\": \"1\",\n    \"proxy\": true\n  }\n}",
                    "dataQuery": "(data) => {\n    return {'protocol':'wss', 'streamform':'ps', 'endTime':'2024-07-28T19:31:23.000+08:00', 'beginTime':'2024-07-28T10:05:53.000+08:00', 'cameraIndexCode':'629a1b444a984919a27872931e70047c', 'recordLocation':1}\n  };",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1250.51,
                        "height": 549.53,
                        "option": {},
                        "name": "h5player",
                        "prop": "h5player"
                    },
                    "index": "b2e2f23f-77e8-46fb-8df8-656b71f09551",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 24,
                    "url": "https://hikproxy.hibuilding.cn/proxy",
                    "dataMethod": "post",
                    "proxy": true,
                    "display": true
                },
                {
                    "name": "关闭",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 45.38,
                        "height": 36.81,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <i class=\"el-icon-close closeEdit\" @click=\"close\"></i>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n            close(){\n                let refs=this.$parent.getItemRefs();\n\n      refs['d5bc0e05-5081-4b17-a52f-d0ed145eaac8'].setDisplay(true)\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(true)\n            }\n        }\n    }\n</script>\n\n<style>\n.closeEdit{\n font-size:40px;\n color:#fff;\n}\n</style>"
                    },
                    "left": 1303.78,
                    "top": 57.65,
                    "index": "03f8db80-4058-45b6-8ad1-62bc4b6a9bc6",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 23,
                    "display": true,
                    "lock": false,
                    "clickFormatter": "(params,refs)=>{\n    console.log(params,refs)\n}"
                },
                {
                    "title": "图片",
                    "name": "图片",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 102.17,
                    "left": 90.62,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1260.9,
                        "height": 11.81,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "9fdfe1d0-4045-41ce-9816-75e2dbfd2bc7",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 22,
                    "display": true,
                    "lock": false
                },
                {
                    "title": "图片",
                    "name": "背景图片",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 37.65,
                    "left": 66.86,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231021/500943897454fedec623df59239c0443.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "(data,params,refs)=>{\n    refs['6134a5eb-401c-4f3f-80c3-90362656875e'].$el.style.backgroundColor='rgba(0, 29, 109, 0.9)'\n    refs['6134a5eb-401c-4f3f-80c3-90362656875e'].$el.style.borderTopRightRadius='50px'\n    return \n}",
                    "component": {
                        "width": 1315.47,
                        "height": 738.67,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "9b8806a7-b550-4523-bece-540587a0895d",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 21,
                    "display": true,
                    "lock": false
                }
            ],
            "zIndex": 27,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "遮罩层",
            "index": "d5bc0e05-5081-4b17-a52f-d0ed145eaac8",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "遮罩层",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1488.78,
                        "height": 866.29,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": -27.75,
                    "top": -22.55,
                    "index": "0cbb71e3-ecaa-49bf-8480-53a736a8b734",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 19,
                    "display": true
                }
            ],
            "zIndex": 20,
            "child": {},
            "isname": false
        },
        {
            "name": "查看回放",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 107.38,
                "height": 37.47,
                "name": "vue",
                "prop": "vue"
            },
            "option": {
                "content": "<template>\n  <div class=\"radiotab2\" @click=\"playback\">查看回放</div>\n</template>\n    <script>\nexport default {\n  data() {\n    return {};\n  },\n  created() {},\n  methods: {\n    playback(){\n                      let refs=this.$parent.getItemRefs();\n      refs['d5bc0e05-5081-4b17-a52f-d0ed145eaac8'].setDisplay(false)\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(false)\n      \n    }\n  },\n};\n</script>\n    \n    <style>\n.radiotab2 {\n  display: block;\n  height: 35px;\n  line-height: 35px;\n  background: #1a5ff9 !important;\n  opacity: 1;\n  border: 1px solid #78ccff;\n  text-align: center;\n  font-size: 12px;\n  display: block;\n  float: left;\n  color: #ffffff;\n  padding: 0 10px;\n  cursor: pointer;\n  border-radius: 6px;\n  box-sizing: border-box;\n}\n</style>\n    "
            },
            "left": 793.6,
            "top": 773.67,
            "index": "4dc3524f-b9f9-4794-8ad6-e34e6b2384cf",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 18
        },
        {
            "name": "查询组件",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 473.15,
                "height": 115.19,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n    <div class=\"videobox\">\n      <div class=\"jkd-head\">\n        <div class=\"jkd-text\">监控点列表({{ num||0 }})</div>\n        <el-select\n          clearable\n          v-model=\"camera_type\"\n          class=\"selectNum\"\n          placeholder=\"请选择\"\n          @change=\"clickSwitch\"\n        >\n          <el-option\n            v-for=\"item in monitor\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          >\n          </el-option>\n        </el-select>\n      </div>\n      <div class=\"jkd-query\">\n        <el-input\n          v-model=\"name\"\n          placeholder=\"请输入搜索内容\"\n          class=\"selectNum\"\n          style=\"width: 380px\"\n        ></el-input>\n        <el-button type=\"primary\" @click=\"handleQuery\">查询</el-button>\n      </div>\n    </div>\n  </template>\n      <script>\n  export default {\n    data() {\n      return {\n        dataVideo: [],\n        active: \"\",\n        camera_type: \"\", //摄像头类型\n        name: \"\",\n        num:'',\n        monitor: [\n          { label: \"球机\", value: \"1\" },\n          { label: \"枪机\", value: \"2\" },\n        ],\n      };\n    },\n    created() {},\n    mounted() {},\n    methods: {\n      clickSwitch(e) {\n        this.camera_type = e;\n        this.handleQuery()\n      },\n      handleQuery() {\n        this.$emit(\"click\", {\n          value: [\n            { key: \"camera_type\", value: this.camera_type },\n            { key: \"name\", value: this.name },\n          ],\n        });\n      },\n    },\n  };\n  </script>\n      \n      <style>\n  .videobox {\n    height: 100%;\n    box-sizing: border-box;\n  }\n  .jkd-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: #fff;\n    font-size: 25px;\n    font-weight: bold;\n    margin-bottom: 10px;\n  }\n  .jkd-query {\n    display: flex;\n    margin-bottom: 10px;\n    justify-content: space-between;\n  }\n  .el-input__inner {\n    background: transparent !important;\n  }\n  .selectNum {\n    border: 1px solid #00ffff;\n  }\n  </style>"
            },
            "left": 943.54,
            "top": 16.42,
            "index": "f6c3cda6-daf3-496d-8905-20955be523fb",
            "child": {
                "index": [
                    "4a943a53-c78c-4149-991b-4fc553924614"
                ],
                "paramList": [],
                "paramName": "injections"
            },
            "zIndex": 17
        },
        {
            "name": "视频切换tab",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 902.27,
                "height": 44.21,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div class=\"qh-conter\">\n    <el-select\n      v-model=\"monitorId\"\n      class=\"selectNum2\"\n      placeholder=\"请选择\"\n      @change=\"changeStreamType\"\n    >\n      <el-option\n        v-for=\"item in monitor\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      >\n      </el-option>\n    </el-select>\n    <div class=\"tab-qh\">\n      <div\n        class=\"radiotab\"\n        v-for=\"(item, index) in data\"\n        @click=\"tabClick(item)\"\n        :class=\"{ 'radiotab-active ': selectValue === item.value }\"\n        :key=\"index\"\n      >\n        {{ item.name }}\n      </div>\n    </div>\n  </div>\n</template>\n    <script>\nexport default {\n  data() {\n    return {\n      monitorId: \"1\",\n      monitor: [\n        { label: \"标清\", value: \"1\" },\n        { label: \"高清\", value: \"0\" },\n      ],\n      data: [\n        { name: \"切片播放\", value: \"1\" },\n        { name: \"实时直播\", value: \"2\" },\n      ],\n      selectValue: \"1\",\n      preVideoNum: \"\",\n    };\n  },\n  created() {},\n  methods: {\n    changeStreamType(e) {\n      this.monitorId = e;\n      this.$emit(\"click\",{streamType:this.monitorId})\n\n    },\n    tabClick(record) {\n      this.selectValue = record.value;\n      let refs = this.$parent.getItemRefs();\n      if (this.selectValue == 1) {\n        console.log(\"切片\");\n        //切片播放 使用hibuilding播放器\n        refs[\"f6e3441f-bf14-4b94-8cf7-249f6b97875d\"].setDisplay(true);\n        refs[\"7512c765-8f64-4f7e-8505-9b3e80a36134\"].setDisplay(false);\n        if (\n          refs[\"8b032466-0c3b-4c30-8b86-2371308ad730\"].data.value.split(\"&\")\n            .length == 3\n        ) {\n          let arr =\n            refs[\"8b032466-0c3b-4c30-8b86-2371308ad730\"].data.value.split(\"&\");\n          refs[\"8b032466-0c3b-4c30-8b86-2371308ad730\"].dataChart.value =\n            arr[0] + \"&\" + arr[1] + \"&mode=\" + this.selectValue;\n        }\n      } else {\n        //直播 使用hi播放器\n        console.log(\"直播\", this.videoNum);\n\n        refs[\"7512c765-8f64-4f7e-8505-9b3e80a36134\"].setDisplay(true);\n        refs[\"f6e3441f-bf14-4b94-8cf7-249f6b97875d\"].setDisplay(false);\n        if (this.preVideoNum != this.videoNum) {\n          this.preVideoNum = this.videoNum;\n          refs[\"dece00f0-0b63-4f34-880b-7e3f6f697365\"].init();\n        }\n      }\n    },\n    setVideoNum(val) {\n      this.videoNum = val;\n    },\n  },\n};\n</script>\n    \n    <style>\n.qh-conter {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.radiotab-active {\n  background: #1a5ff9 !important;\n}\n.radiotab {\n  display: block;\n  height: 35px;\n  line-height: 35px;\n  background: transparent;\n  opacity: 1;\n  border: 1px solid #78ccff;\n  text-align: center;\n  font-size: 12px;\n  display: block;\n  float: left;\n  color: #ffffff;\n  padding: 0 10px;\n  cursor: pointer;\n  border-left: 0px;\n}\n.radiotab:first-child {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n  border-left: 1px solid #78ccff !important;\n}\n.radiotab:last-child {\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n.selectNum2 {\n  border: 1px solid #00ffff;\n}\n</style>\n    "
            },
            "left": 0.58,
            "top": 5.54,
            "index": "b284da27-edb0-4839-8cde-cf5fd6e935c5",
            "child": {
                "index": [
                    "8b032466-0c3b-4c30-8b86-2371308ad730",
                    "dece00f0-0b63-4f34-880b-7e3f6f697365"
                ],
                "paramList": [],
                "paramName": "streamType",
                "paramValue": "streamType"
            },
            "zIndex": 16,
            "display": false,
            "lock": false
        },
        {
            "title": "文本框",
            "name": "球机控制",
            "icon": "icon-text",
            "img": "img/assets/text.png",
            "dataType": 1,
            "dataFormatter": "",
            "dataHeader": "(data)=>{\n    return {\n              userId: \"admin\",\n              \"api-path\": \"/api/video/v1/ptzs/controlling\",\n              key: \"ew2124ewe1333ddd\",\n              \"Content-Type\": \"application/json\",\n              recent: \"1\",\n            }\n}",
            "dataQuery": "(data)=>{\n    return {\n\"cameraIndexCode\": \"\",\n\"action\": \"\",\n\"command\": \"\",\n\"speed\": 20\n}\n}",
            "stylesFormatter": "",
            "child": {
                "index": [],
                "paramList": []
            },
            "data": {
                "value": "球机控制"
            },
            "component": {
                "width": 100,
                "height": 40,
                "name": "text",
                "prop": "text"
            },
            "option": {
                "textAlign": "center",
                "fontSize": 26,
                "fontWeight": "normal",
                "color": "#fff"
            },
            "left": 27.28,
            "top": -117.94,
            "index": "fdb6f629-6bd0-4b01-b23f-ff91f318fa63",
            "zIndex": 15,
            "dataMethod": "post",
            "proxy": true,
            "url": "https://hikproxy.hibuilding.cn/proxy",
            "display": false
        },
        {
            "title": "文件夹",
            "name": "摄像头组合",
            "index": "9388fd05-4548-4785-8eec-e593f0240b5a",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文件夹",
                    "name": "摄像头",
                    "index": "7512c765-8f64-4f7e-8505-9b3e80a36134",
                    "menu": true,
                    "display": true,
                    "lock": false,
                    "children": [
                        {
                            "name": "hibuilding播放器",
                            "title": "hibuilding播放器",
                            "icon": "icon-video",
                            "img": "img/assets/video.png",
                            "dataType": 0,
                            "data": {
                                "value": ""
                            },
                            "dataFormatter": "",
                            "dataHeader": "",
                            "dataQuery": "",
                            "stylesFormatter": "",
                            "component": {
                                "width": 903.81,
                                "height": 688.42,
                                "name": "hlsVideo",
                                "prop": "hlsVideo",
                                "perspective": 0,
                                "scale": 0,
                                "opacity": 0,
                                "rotateX": 0,
                                "rotateY": 0,
                                "rotateZ": 0
                            },
                            "option": {
                                "loop": true,
                                "autoplay": true,
                                "live": true
                            },
                            "left": -1.69,
                            "top": 58.71,
                            "index": "8b032466-0c3b-4c30-8b86-2371308ad730",
                            "child": {
                                "index": [],
                                "paramList": []
                            },
                            "zIndex": 12,
                            "display": true
                        }
                    ],
                    "zIndex": 13,
                    "child": {},
                    "dataFormatter": "",
                    "isname": false
                },
                {
                    "title": "文件夹",
                    "name": "摄像头-hi",
                    "index": "f6e3441f-bf14-4b94-8cf7-249f6b97875d",
                    "menu": true,
                    "display": false,
                    "lock": false,
                    "children": [
                        {
                            "title": "hi播放器",
                            "name": "hi播放器",
                            "icon": "icon-video",
                            "img": "img/assets/video.png",
                            "top": 65.45,
                            "left": 1.5,
                            "dataType": 1,
                            "data": {
                                "value": ""
                            },
                            "option": {},
                            "dataFormatter": "(data,params,refs)=>{\n    return {value: data.data.url || ''}\n}",
                            "dataHeader": "(data)=>{\n    return {\n        'api-path': '/api/video/v2/cameras/previewURLs',\n        userId: 'admin',\n        key: 'ew2124ewe1333ddd',\n        recent: '1'\n    }\n}",
                            "dataQuery": "(data)=>{\n    return {\n            streamType: '1',\n            protocol: 'wss',\n            transmode: 1,\n            expand: 'transcode=1&videotype=h264',\n            streamform: 'ps',\n    }\n}",
                            "stylesFormatter": "(data,params,refs)=>{\n    //原生组件ref\n    console.log('aaa',refs['dece00f0-0b63-4f34-880b-7e3f6f697365'])\n    refs['dece00f0-0b63-4f34-880b-7e3f6f697365'].styles.border='1px solid #f00'\n    return {\n        //...refs['dece00f0-0b63-4f34-880b-7e3f6f697365'].styles\n    }\n}",
                            "component": {
                                "width": 897.57,
                                "height": 686.34,
                                "option": {},
                                "name": "h5player",
                                "prop": "h5player",
                                "perspective": 0,
                                "scale": 0,
                                "opacity": 0,
                                "rotateX": 0,
                                "rotateY": 0,
                                "rotateZ": 0
                            },
                            "index": "dece00f0-0b63-4f34-880b-7e3f6f697365",
                            "child": {
                                "index": [],
                                "paramList": []
                            },
                            "zIndex": 10,
                            "display": false,
                            "proxy": true,
                            "dataMethod": "post",
                            "url": "https://hik.hibuilding.cn/proxy",
                            "lock": false
                        }
                    ],
                    "zIndex": 11,
                    "isname": false,
                    "child": {},
                    "dataFormatter": ""
                }
            ],
            "zIndex": 14,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "设备总数",
            "index": "18979f5f-a736-4920-89d0-d2897eaf7ea9",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "14",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:(data.在线摄像机+data.不在线摄像机)||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "14"
                    },
                    "component": {
                        "width": 42.36,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "right",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 425.28,
                    "top": 170.15,
                    "index": "f579b3ab-b8df-4092-8eee-59ed8d40aa30",
                    "zIndex": 8,
                    "display": false,
                    "public": "af280484-d741-47f8-8279-ec247c2de39d"
                }
            ],
            "zIndex": 9,
            "child": {},
            "dataFormatter": "",
            "isname": false,
            "left": null,
            "top": null
        },
        {
            "title": "文件夹",
            "name": "摄像头列表",
            "index": "ab3c30b3-2a7d-402a-a0fa-2559b4c3ea06",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "摄像头列表",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_spjk_jkd_list_730\",\n\"project_id\":\"2134\",\n\"data_format\":\"row\",\n\"injections\":[\n    {\"key\":\"camera_type\",\"value\":\"\"},\n{\"key\":\"name\",\"value\":\"\"}\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 478.08,
                        "height": 373.64,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class='videobox'>\n     <div\n        v-for=\"item in dataVideo\"\n        @click=\"selectVideo(item)\"\n        :key=\"item.监控点编号\"\n        class=\"videoList\"\n      >\n        <img\n          v-if=\"item.摄像头类型 == 1\"\n          src=\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/8cd917294be0eeb572218438f85f2ccf.png\"\n          class=\"imgIcon\"\n        />\n        <img\n          v-else\n          src=\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/3716b0cc2a88ca0d3ee1f3c3d7cc7c26.png\"\n          class=\"imgIcon\"\n        />\n        <div :class=\"{ videolistactive: item.摄像头名称 == active }\">\n          {{ item.摄像头名称 }}\n        </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n      return {\n          dataVideo: [],\n          active: '',\n\n      }\n  },\n  created() {\n\n  },\n  mounted() {\n\n  },\n  watch: {\n      dataChart: {\n          handler(val) {\n              this.dataVideo = val || []\n              let refs = this.$parent.getItemRefs();\n              refs['f6c3cda6-daf3-496d-8905-20955be523fb'].$refs.main.num=this.dataVideo.length\n              refs['ae00aab8-f047-4a63-bffb-aee1e0f82112'].$refs.main.cameraIndexCode=this.dataVideo[0].监控点编号\n              this.selectVideo(this.dataVideo[0])\n          },\n          deep: true,\n          immediate: true,\n      },\n  },\n  methods: {\n      selectVideo(record) {\n          let refs = this.$parent.getItemRefs();\n          this.active = record.摄像头名称\n          this.$emit('click', { value: record.监控点编号 })\n          refs['b284da27-edb0-4839-8cde-cf5fd6e935c5'].$refs.main.setVideoNum(record.监控点编号)\n          refs['ae00aab8-f047-4a63-bffb-aee1e0f82112'].$refs.main.cameraIndexCode=record.监控点编号\n          refs['153340d5-7603-4819-9aff-2a49e32cdb60'].$refs.main.cameraIndexCode=record.监控点编号\n          if(record.摄像头类型==1){\n            refs['be31ed0c-b403-4272-8a9c-5fe58acb1101'].$refs.main.setDisplay(true)\n          }else{\n            refs['be31ed0c-b403-4272-8a9c-5fe58acb1101'].$refs.main.setDisplay(false)\n          }\n          if (record.是否是切片 == 1) {\n              refs['b284da27-edb0-4839-8cde-cf5fd6e935c5'].$refs.main.data = [\n                  { name: '切片播放', value: '1' },\n                  { name: '实时直播', value: '2' },\n              ]\n              refs['b284da27-edb0-4839-8cde-cf5fd6e935c5'].$refs.main.selectValue = '1'\n              refs['f6e3441f-bf14-4b94-8cf7-249f6b97875d'].setDisplay(true)\n              refs['7512c765-8f64-4f7e-8505-9b3e80a36134'].setDisplay(false)\n              refs['8b032466-0c3b-4c30-8b86-2371308ad730'].dataChart.value = record.直播地址 + '&t=' + Math.round(new Date()) + '&mode=1'\n          } else {\n              refs['b284da27-edb0-4839-8cde-cf5fd6e935c5'].$refs.main.data = [\n                  { name: '实时直播', value: '2' },\n              ]\n              refs['b284da27-edb0-4839-8cde-cf5fd6e935c5'].$refs.main.selectValue = '2'\n              refs['7512c765-8f64-4f7e-8505-9b3e80a36134'].setDisplay(true)\n              refs['f6e3441f-bf14-4b94-8cf7-249f6b97875d'].setDisplay(false)\n              if (this.preVideoNum != this.videoNum) {\n                  this.preVideoNum = this.videoNum\n                  refs['dece00f0-0b63-4f34-880b-7e3f6f697365'].init()\n              }\n          }\n      }\n  }\n}\n</script>\n\n<style>\n.videobox {\n  height: 100%;\n  overflow: auto;\n}\n\n.videoList {\n  width: 100%;\n  height: 40px;\n  line-height: 40px;\n  color: #fff\n}\n\n.imgIcon {\n  width: 34px;\n  height: 34px;\n  margin-top: 3px;\n  display: block;\n  float: left;\n  margin-right: 10px;\n}\n\n.videolistactive {\n  border: 2px solid #00FFFF;\n  background: linear-gradient(180deg, #00D5F7 0%, #3A21FD 100%),\n      linear-gradient(0deg, #00FFFF, #00FFFF);\n  /* color: #FFFFFF; */\n  /* opacity: 1; */\n}\n</style>"
                    },
                    "left": 943.76,
                    "top": 133.62,
                    "index": "4a943a53-c78c-4149-991b-4fc553924614",
                    "child": {
                        "index": [
                            "dece00f0-0b63-4f34-880b-7e3f6f697365",
                            "8b032466-0c3b-4c30-8b86-2371308ad730"
                        ],
                        "paramList": [],
                        "paramName": "cameraIndexCode",
                        "paramValue": ""
                    },
                    "zIndex": 6,
                    "dataMethod": "post",
                    "url": " https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataQueryType": "json",
                    "display": false
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 2.24,
                    "left": 928.14,
                    "data": {},
                    "component": {
                        "width": 515.13,
                        "height": 528.91,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "ecf883a6-635d-4a98-8712-3ee629b718f7",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 5
                }
            ],
            "zIndex": 7,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "云台控制",
            "index": "e51e52b8-97c7-421f-803e-f02867dbe0c7",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "遮罩层",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 501.73,
                        "height": 254.75,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": 933.19,
                    "top": 549.67,
                    "index": "be31ed0c-b403-4272-8a9c-5fe58acb1101",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 3,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "云台控制",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "云台控制"
                    },
                    "component": {
                        "width": 152.41,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 24,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 945.65,
                    "top": 560.18,
                    "index": "b61bcec2-2cb2-4371-8e85-e3c080269b64",
                    "zIndex": 2,
                    "display": false
                },
                {
                    "name": "自定义Vue组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 472.51,
                        "height": 181.08,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"controlPanel\">\n    <div class=\"controlArea\">\n      <div class=\"directionArea\">\n        <div class=\"roundBg\">\n          <div\n            @click.stop.prevent=\"handleClick(item)\"\n            @mousedown.stop.prevent=\"handleMouseDown(item)\"\n            v-for=\"item in commandLisd\"\n            :key=\"item\"\n            :class=\"item.toLowerCase()\"\n          ></div>\n        </div>\n      </div>\n      <div class=\"zoomArea\">\n        <div class=\"zoom\">\n          <!-- 缩小 -->\n          <div class=\"zoomBtn\">\n            <img\n              @click=\"scale('ZOOM_OUT')\"\n              src=\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/c15ce92f20e27089eb981929734a6589.svg\"\n              alt=\"\"\n            />\n          </div>\n          <div>缩放</div>\n          <!-- 放大 -->\n          <div class=\"zoomBtn\">\n            <img\n              @click=\"scale('ZOOM_IN')\"\n              src=\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/180f161ec4563413e1e54fe443265e05.svg\"\n              alt=\"\"\n            />\n          </div>\n        </div>\n        <!-- <div class=\"btnFullScreen\">\n          <img\n            src=\"require('https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/c72a29d255140cfe15a420c9b4bd886a.svg')\"\n            alt=\"\"\n          />\n          <span @click=\"fullScreen\" class=\"text\">全屏播放</span>\n        </div> -->\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      commandLisd: [\"UP\", \"DOWN\", \"LEFT\", \"RIGHT\"],\n      command: \"\",\n      downTimeStamp: 0,\n      clickTimeStamp: 0,\n      cameraIndexCode:''\n    };\n  },\n  methods: {\n    fullScreen() {\n    const refs = this.$parent.getItemRefs();\n    console.log(refs['dece00f0-0b63-4f34-880b-7e3f6f697365']);\n    refs['dece00f0-0b63-4f34-880b-7e3f6f697365'].fullScreen()\n    },\n    handleClick(command) {\n      this.clickTimeStamp = new Date().getTime();\n      // 判断鼠标按下与鼠标点击的时间戳差值，小于300为点击，大于300为长按\n      if (this.clickTimeStamp - this.downTimeStamp < 300) {\n        setTimeout(() => {\n          this.control(command, 1);\n          this.command = \"\";\n        }, 1000);\n      } else {\n        this.control(command, 1);\n        this.command = \"\";\n      }\n    },\n    handleMouseDown(command) {\n      this.command = command;\n      this.downTimeStamp = new Date().getTime();\n      this.control(command, 0);\n    },\n    scale(type) {\n      this.control(type, 0);\n      setTimeout(() => {\n        this.control(type, 1);\n      }, 1000);\n    },\n    control(command, action) {\n      this.$emit(\"click\", {\n        cameraIndexCode: this.cameraIndexCode,\n        command,\n        action,\n      });\n    },\n  },\n};\n</script>\n<style scoped>\n.controlPanel {\n  width: 100%;\n  height: 360px;\n}\n.btnClose {\n  padding-right: 26px;\n  background: url(\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/036253130d8e1b78afef4217e770f862.svg\")\n    no-repeat right center;\n  cursor: pointer;\n}\n\n.controlArea {\n  height: calc(100% - 54px);\n  padding: 0 50px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.zoomArea {\n  width: 156px;\n}\n\n.zoom {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 18px;\n  color: #fff;\n}\n\n.zoomBtn {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(\n    180deg,\n    rgba(15, 74, 159, 0.34) 0%,\n    rgba(17, 75, 160, 0.3) 137%\n  );\n  border: 1px solid #0486ff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  transition: all 0.1s ease-in-out;\n}\n\n.zoomBtn:active {\n  transform: scale(1.1);\n}\n\n.btnFullScreen {\n  width: 156px;\n  height: 40px;\n  background: linear-gradient(\n    180deg,\n    rgba(15, 74, 159, 0.34) 0%,\n    rgba(17, 75, 160, 0.3) 137%\n  );\n  border: 1px solid #0486ff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 18px;\n  color: #fff;\n  margin-top: 24px;\n  cursor: pointer;\n}\n\n.btnFullScreen .text {\n  margin-left: 12px;\n}\n\n.roundBg {\n  position: relative;\n  width: 167px;\n  height: 167px;\n  background: url(\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/10b7563a1ff17c6860331998009d833b.svg\")\n    no-repeat center center;\n  background-size: 100% 100%;\n}\n\n.roundBg div {\n  width: 50px;\n  height: 50px;\n  cursor: pointer;\n  transition: all 0.1s ease-in-out;\n}\n\n.roundBg .up {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  background: url(\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/dc0b165fe024f4e50523526cf4279e8e.svg\")\n    no-repeat center -10px;\n}\n\n.roundBg .up:active {\n  transform: translateX(-50%) scale(1.2);\n  transform-origin: bottom center;\n}\n\n.roundBg .down {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  background: url(\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/2f4db9cd26ee54518b2b430df7df3772.svg\")\n    no-repeat center -30px;\n}\n\n.roundBg .down:active {\n  transform: translateX(-50%) scale(1.2);\n  transform-origin: top center;\n}\n\n.roundBg .left {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  background: url(\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/4bec7bcd5f504caf17eea9483aafe506.svg\")\n    no-repeat -10px center;\n}\n\n.roundBg .left:active {\n  transform: translateY(-50%) scale(1.2);\n  transform-origin: right center;\n}\n\n.roundBg .right {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  background: url(\"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240724/66d811a358e4233ffadd0141829d2c67.svg\")\n    no-repeat -30px center;\n}\n\n.roundBg .right:active {\n  transform: translateY(-50%) scale(1.2);\n  transform-origin: left center;\n}\n\n#playWnd {\n  position: relative;\n}\n\n.noData {\n  font-size: 16px;\n  color: #fff;\n  text-align: center;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n</style>"
                    },
                    "left": 947.33,
                    "top": 634.39,
                    "index": "ae00aab8-f047-4a63-bffb-aee1e0f82112",
                    "child": {
                        "index": [
                            "fdb6f629-6bd0-4b01-b23f-ff91f318fa63"
                        ],
                        "paramList": [
                            {
                                "name": "command",
                                "value": "command"
                            },
                            {
                                "name": "action",
                                "value": "action"
                            }
                        ],
                        "paramName": "cameraIndexCode",
                        "paramValue": "cameraIndexCode"
                    },
                    "zIndex": 1,
                    "display": false
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 542.65,
                    "left": 927.22,
                    "data": {},
                    "component": {
                        "width": 515.09,
                        "height": 271.57,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "a3f6721f-758c-4748-810a-0fbef70fefc1",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0,
                    "display": false,
                    "lock": false
                }
            ],
            "zIndex": 4,
            "isname": false,
            "child": {},
            "dataFormatter": ""
        }
    ]
}